<template>
<div class="weekend">
  <h6 class="hh">周末去哪儿</h6>
  <ul class="uu">
    <li v-for="item of numList">
      <img :src="item.imgUrl" alt="">
      <div class="hhp">
        <h6>{{item.title}}</h6>
        <p>{{item.artical}}</p>
      </div>
    </li>
  </ul>
</div>
</template>
<script>
export default{
  data(){
    return{

    }
  },
  props:["numList"]
}
</script>
<style scoped lang="stylus">
  @import"~@/assets/css/less.styl"
  .weekend h6{
    font-size: 0.14rem;
    font-weight:normal;
  }
  .hh{
    line-height:0.4rem;
    margin-left:.13rem;
  }
  .hhp{
    margin-left:.13rem;
    line-height: .24rem;
  }
  .uu{
    background-color: #fff;
  }
  .uu img{
    width:100%;
    height:100%;
  }
  .weekend p{
    font-size: 0.12rem;
    text();
  }
</style>
